<template>
<div style="background-color: rgb(243, 243, 243);margin-top:50px">
    <div style="text-align: center;padding-top:20px;padding-bottom:10px">- 商品详情 -</div>
    <div class="PPDdiv1" style="padding-bottom:20px">
        <div style="padding-top:15px"><span class="div1span1">1</span>
        <span class="div1span2">商品参数</span> </div>
        <el-row style="margin-top:5px">
            <el-col :span="6"><span class="div1span3">处理器</span></el-col>
            <el-col :span="16"><span class="div1span4">酷睿i3</span></el-col>
        </el-row>
        <el-row style="margin-top:5px">
            <el-col :span="6"><span class="div1span3">内存容量</span></el-col>
            <el-col :span="16"><span class="div1span4">8G</span></el-col>
        </el-row>
        <el-row style="margin-top:5px">
            <el-col :span="6"><span class="div1span3">屏幕尺寸</span></el-col>
            <el-col :span="16"><span class="div1span4">14英寸</span></el-col>
        </el-row>
        <el-row style="margin-top:5px">
            <el-col :span="6"><span class="div1span3">磁盘容量</span></el-col>
            <el-col :span="16"><span class="div1span4">256G固态</span></el-col>
        </el-row>
        <el-row style="margin-top:5px">
            <el-col :span="6"><span class="div1span3">显卡</span></el-col>
            <el-col :span="16"><span class="div1span4">集成显卡</span></el-col>
        </el-row>
    </div>
    <div class="PPDdiv1" style="margin-top:20px">
        <div style="padding-top:15px"><span class="div1span1">1</span>
        <span class="div1span2">图文</span> 
        </div>
        <div style="margin-top:20px">
            <img src="../../../assets/PruductDetails/down1.jpg" class="PDD1img1">
            <img src="../../../assets/PruductDetails/down2.jpg" class="PDD1img1">
            <img src="../../../assets/PruductDetails/down3.jpg" class="PDD1img1">
            <img src="../../../assets/PruductDetails/down4.jpg" class="PDD1img1">
        </div>
    </div>
</div>
</template>

<script>
export default {
    name:'PxPDDown1',
}
</script>

<style scoped>
.aa{
    text-align: center;
}
.PPDdiv1{
    background-color: white;
}
.div1span1{
    background-color: rgb(255, 56, 89);
    width: 2px;
    height: 100%;
    color: rgb(255, 56, 89);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.div1span2{
    font-weight: 650;
    margin-left: 5px;
}
.div1span3{
    color: rgb(143, 143, 143);
    margin-left: 15px;
}
.div1span4{
    margin-left: 40px;
    color: rgb(71, 71, 71);
}
.PDD1img1{
    width: 100%;
    height: 100%;
}
</style>